ul.dfwp-list {
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

li.dfwp-item {
  display:inline-block !important;
  vertical-align:top !important;
  box-sizing:border-box !important;
  width:calc(33.333% - 32px) !important;
  margin:0 32px 40px 0 !important;
  list-style:none !important;
}

.staff-card {
  display:block;
  box-sizing:border-box;
  width:100%;
  font-family:Roboto, Helvetica, Arial, sans-serif;
  background:#fff;
  border:1px solid #d9d9d9;
  border-radius:8px;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
  overflow:hidden;
  transition:all .25s ease;
}

.staff-card:hover {
  box-shadow:0 8px 20px rgba(0,0,0,.15);
  transform:translateY(-3px);
}

.staff-card img,
.staff-card .staff-photo-placeholder {
  width:100%;
  aspect-ratio:3/4;
  object-fit:cover;
  display:block;
  margin-bottom:14px;
  border:none;
  box-sizing:border-box;
}

.staff-photo-placeholder {
  background:#e1e1e1;
}

.staff-card .staff-name,
.staff-card .staff-jobtitle {
  padding-left:16px;
  padding-right:16px;
}

.staff-card .staff-name {
  font-size:18px;
  font-weight:600;
  color:#0067b8;
  margin-bottom:6px;
}

.staff-card .staff-jobtitle {
  font-size:15px;
  color:#555;
  line-height:1.5;
  padding-bottom:16px;
}

@media (max-width:900px) {
  li.dfwp-item {
    width:calc(50% - 32px) !important;
  }
}

@media (max-width:560px) {
  li.dfwp-item {
    width:100% !important;
    margin-right:0 !important;
  }
}